<div class="col-xs-6 col-sm-3">
  <ul class="list-group" style="margin-top:1.5em;">
    <li class="list-group-item active">
    <span class="badge">{$data_side|sizeof}</span>
    <h4 class="list-group-item-heading">Newly Release</h4>
    </li>
    <volist name="data_side" id="it">
    <li class="list-group-item">
    <div class="row">
      <div class="col-md-6">
        <img class="img-thumbnail" <notempty name="it.poster"> src="{$it.poster}" <else/> data-src="holder.js/85x110" </notempty> alt="{$it.poster}" style="width:85px;height:110px;"/>
      </div>
      <div class="col-md-6">
        <p style="font-weight:bold;">
        <a href="{:U('movie/'.$it['id'])}">{$it.title}</a>
        <p style="font-size:12px;">
        <notempty name="it.director">
        <a href="{:U('person/'.$it['director'][0]['id'])}">{$it['director'][0].name}</a>
        </notempty>
        </p>
        </p>
      </div>
      </li>
      </volist>
    </ul>
  </div>
